<template>
	<view class="u-flex u-padding-left-20 u-padding-top-30 label-item" @click="click">
		<view class="u-padding-bottom-30 u-padding-left-20 u-padding-right-32">
			<u-icon :name="icon" custom-prefix="index-custom-icon" color="#765CFE" size="30" />
		</view>
		<view class="u-flex u-flex-1 u-row-between u-padding-bottom-30 u-padding-right-48 label-right-title">
			<flex-text :txt="name" width="130" size="30"></flex-text>
			<u-icon name="arrow-right" size="26" color="#1A1A1A"></u-icon>
		</view> 
	</view>
</template>

<script>
	export default{
		props: {
			icon: {
				type: String,
				default: ''
			},
			name:{
				type: String,
				default: ''
			}
		},
		methods: {
			click(e) {
				this.$emit('click',e);
			}
		},
	}
</script>

<style lang="scss" scoped>
	.label-item{
		&:last-child{
			.label-right-title{
				&::after{
					border:none;
				}
			}
		}
	}
</style>
